<template>
	<mescroll-body ref="mescrollRef" @init="mescrollInit" :down="downOption" @down="downCallback" @up="upCallback" @scroll="scroll">
			<view class="cover" v-if="show">
				<view class="modal">
					<view class="tanchuang">
						<view class="close iconfont icon-chahao" @click="closeRegion"></view>
							<view class="tanchuang-content">
								<view class="tanchuang-title">
									地区选择:
								</view>
								<view class="tanchuang-group">
									<view class="tanchuang-item" :class="{'active':select_address_index===index}" v-for="(item,index) in region" :key="index" @click="changeRegion(index)">
											{{item.name}}
										<view class="is_hot" v-if="item.is_hot">
											<image :lazy-load="true" src="../../static/images/hot.png">
										</view>
									</view>
								</view>
								<view class="chakan" @click="selectRegions">
									立即查看>
								</view>
							</view>

					</view>
				</view>
			</view>
			<view>
				<view class="navigationBar">

					<view class="changfangdi">
						<image :lazy-load="true" src="https://pic.fhshidai.com/fileTN1FCn4YBhSIDmRXOpRn8DEbz4di3ujG152wG1XU.png"></image>
					</view>

					<view class="hahahahah" @click="goAddress">
					<text class="iconfont icon-dingwei icon-size1" >
					</text>
						<view >{{address}}</view>
						</view>

					<view class="kongge"></view>
				</view>
			<view class="container">
			<view class="container-item">
				<view class="sodu" >

					<view class="search"  @click="goSearch">
							<text class="iconfont icon-sousuo sousuo">		</text>
						<input class="input-search" placeholder-class="input-calss"  placeholder="佛山华腾芯城 / 佛山威和科创园..." />
						<view class="queren" @click="search">确认</view>
				</view>

				</view>
				<view class="qunidaye">
						<view @click="bikan" class="qunidaye-item">
							<image :lazy-load="true" class="icon" src="../../static/images/home/bikanpng.png"></image>
							<text >必看好厂</text>
						</view>
					<view @click="cantuan"  class="qunidaye-item">
						<image :lazy-load="true" class="icon" src="../../static/images/home/cantuanmaichang.png"></image>
							<text >参团买厂</text>

						<image class="sheng" src="../../static/images/home/sheng.png"></image>
					</view>
					<view  @click="zhaochangfang" class="qunidaye-item">
						<image :lazy-load="true" class="icon" src="../../static/images/home/bangwozhaochang.png"></image>
							<text >帮我找厂</text>

					</view>
					<view  @click="ruzhu" class="qunidaye-item">
						<image class="icon" src="../../static/images/home/yuanquruzhu.png"></image>
							<text >园区入驻</text>

					</view>
					<view @click="gonglue" class="qunidaye-item">
						<image class="icon" src="../../static/images/home/maichanggonglue.png"></image>
							<text >买厂攻略</text>

					</view>
					<view @click="quyu" class="qunidaye-item">
						<image class="icon" src="../../static/images/home/dituzhaochang.png"></image>
							<text >地图找厂</text>

					</view>

					<view class="qunidaye-item">
						<image   @click="zuijinkaipan" class="icon" src="../../static/images/home/zuijinkaipan.png"></image>
							<text >最近开盘</text>

					</view>

					<view class="qunidaye-item">
						<image @click="zixun"  class="icon" src="../../static/images/home/changfangzixun.png"></image>
							<text >厂房资讯</text>

					</view>

				</view>
				<!-- banner-->
				<view class="haha">
		<swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" @change="change">
				<swiper-item v-for="(item,index) in slider" :key="index" >
				<navigator :url="'/pages/list/detail/detail?id='+item.factory_id"><image class="item" :src="item.img" ></navigator>
				</swiper-item>
			</swiper>
				<view class="dot">

					<view class="yuandian" :class="{'fangxing':index==current}"   v-for="(item,index) in slider" :key="index">

					</view>
				</view>
			</view>
	<!-- 		<view class="hangqing">
				<view class="hangqing-item">
					<view class="top">
						城市行情>
					</view>
					<view class="bottom">
						{{hangqing.region}}
					</view>
				</view>
				<view class="hangqing-shuxian"></view>
				<view class="hangqing-item second">
					<view class="top">
						最新均价
					</view>
					<view class="bottom">
						{{hangqing.price}} <span>元/㎡</span>
					</view>
				</view>
				<view class="hangqing-item third">
					<view class="top">
						相对上月 <view class="sanjiaoxing"></view>
					</view>
					<view class="bottom">
						{{hangqing.baifen}}<span>%</span>
					</view>
				</view>
			</view>	 -->
			<view class="bikan"><image class="bikantitle" src="../../static/images/home/bikantitle.png"></image></view>
			<view class="cateme">

				<view  @click="quyu"   class="cateme-item">
					<image src="../../static/images/home/dituzhachang.png"></image>
				</view>
				<navigator @click="zhaochangfang"  class="cateme-item">
					<image src="../../static/images/home/bangwozhachang.png"></image>
				</navigator>
			</view>

			<navigator :url="'/pages/gonglue/detail?id='+post.post.id" class="post" :style="{'background':'url('+post.image+')'}">
					<view class="dddd">{{post.post.type.name}}</view>
									<view class="post-title1">一</view>
					<view class="post-title">{{post.post.title}}</view>
			</navigator>

				<!-- 帮我买厂 -->

<!-- 				<view class="newchengjiao">
					<view class="title" >最新成交</view>
					<scroll-view scroll-x="true" class="group" :scroll-left="left" :lower-threshold="15" @scrolltolower="scrolltolower">
						<view class="item scroll-view-item_H " v-for="(item,index) in newchengjiao" :key="item.id">
							<image class="image" :src="item.image"></image>
							<view class="title">{{item.title}}</view>
							<view class="mamamma">

								<view class="chengjiao1">成交方数:</view>

								<view class="chengjiaomi">{{item.chengjiao}}㎡</view>

							</view>

						</view>

					</scroll-view>
				</view> -->
				<view class="tuijian">


					<view class="left">为你推荐</view>
				<!-- 	<view class="right">
						<view @click="changeItem(0)">
							<view :class="['title', {'current':type===0}]">全新厂房</view>
							<view class="avtive" v-if="type===0"></view>
						</view>
						<view class="shuxian"></view>
						<view @click="changeItem(1)">
							<view :class="['title', {'current':type===1}]">二手厂房</view>
							<view class="avtive" v-if="type===1"></view>

						</view>
					</view> -->
				</view>
				<!-- 厂房-->

			</view>
			</view>

			<view class="changfang" v-if="type===0">
				<uni-item :item=item v-for="(item,index) in new_workshop" :key="item.id"></uni-item>
				<uni-load-more :status="more" color="#000000"  :contentText="contentText" @clickLoadMore="getNewWorkshop"></uni-load-more>
			</view>
			<view class="changfang" v-if="type===1">
				<uni-item :item=item v-for="(item,index) in ershou_workshop" :key="item.id"></uni-item>
				<uni-load-more :status="ershou_more" :contentText="contentText" color="#000000" @scroll="scroll" @clickLoadMore="getErshouWorkshop"></uni-load-more>
			</view>
		<!-- 	<navigator url="/pages/park/park" class="ruzhu">
				<image src="../../static/images/park.png">
			</navigator> -->
			<view class="shuge"></view>
			<uni-footer></uni-footer>
			<view class="shuge"></view>
		</view>

	</mescroll-body>

</template>

<script>
	import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins.js";
	export default {
		mixins: [MescrollMixin], // 使用mixin
			onShareAppMessage() {},
		data() {
			return {
				show: true,
				region: [],
				address: "佛山",
				select_address_index:0,
				address_id: '',
				more: "more",
				dataList: [],
				contentText:{
					contentdown: '查看更多厂房',
					contentrefresh: '正在加载...',
					contentnomore: '没有更多数据了'
				},
				current:0,
				indicatorDots: false,
				autoplay: true,
				interval: 3000,
				duration: 5000,
				downOption: {
					auto: false //是否在初始化后,自动执行downCallback; 默认true
				},
				lazy:true,
				slider:[
							],

				ershou_more: 'more',
				new_workshop: [],
				ershou_workshop: [],
				new_page: 1,
				ershou_page: 1,
				type: 0,
				newchengjiao:[],
				left:0,
				post:{},
				hangqing:{}
			}
		},
		onLoad(option) {
			uni.setNavigationBarTitle({
				title:'首页'
			})
			this.$api.getDefaultRegions().then(
					res => {
						console.log(res)
						 uni.setStorageSync('address',res.data.name)
						this.address=res.data.name
						this.address_id=res.data.id
						 uni.setStorageSync('address_id',res.data.id)
					/* 	this.$api.index({region_id:res.data.id}).then(res=>{
							this.hangqing=res.data
						})	 */
						this.getNewWorkshop()
						this.getErshouWorkshop()
								//#ifdef MP-TOUTIAO
								console.log(32132133432534)
									this.$toutiao(19)
								//#endif
						}

					)
				this.getRegions()
				this.$api.post().then(res=>{
					this.post=res.data
				})
				this.$api.sliderV1().then(res=>{
					this.slider=res.data
				})
			/* 	this.$api.newChengjiao().then(res=>{
				this.newchengjiao=res.data
				}) */
				},

				onShow() {
					uni.showTabBar({
						animation:true
					})
			/* 	this.interval=	setInterval(()=>{
							this.left=this.left+1
					},20) */
			 	// #ifdef MP-TOUTIAO
				/* 	let token = uni.getStorageSync('token')
					if(!token){
						uni.reLaunch({
							url:"/pages/login/login"
						})
					} */

					// #endif
					console.log('address')
					console.log('address',this.address_id)
					if(this.address_id!=uni.getStorageSync('address_id')&&this.address_id){


						this.address = uni.getStorageSync('address')
						this.address_id = uni.getStorageSync('address_id')
						this.new_page= 1
						this.ershou_page= 1
						this.new_workshop=[]
						this.ershou_workshop=[]
						this.more='more'
						this.ershou_more='more'
						this.$api.index({region_id:this.address_id}).then(res=>{
							this.hangqing=res.data
						})
						this.getNewWorkshop()
						this.getErshouWorkshop()
					}


				},
				onHide() {
					//clearInterval(this.interval)
				},
				methods: {
					zixun(){
						uni.navigateTo({
							url:"/pages/zixun/zixun"
						})
					},
					chengshihangqing(){
						uni.navigateTo({
							url:"/pages/hangxing/hangxing"
						})
					},
					zhaochangfang(){
						uni.navigateTo({
							url:"/pages/zhaochangfang/zhaochangfang"
						})

					},
					zuijinkaipan(){
						uni.navigateTo({
							url:"/pages/zuijin/zuijin"
						})
					},
					bikan(){
						uni.switchTab({
								url: '/pages/list/list'
						})
					},
					ruzhu(){
						uni.navigateTo({
							url:"/pages/park/park"
						})

					},
					quyu(){
						uni.navigateTo({
							url:"/pages/area/area?address=" + this.address
						})
					},
					goSearch(){
						uni.navigateTo({
							url:"/pages/search/search"
						})
					},
					ershou(){
							getApp().globalData.ershou = 1
						uni.switchTab({
								url: '/pages/list/list'
						})
					},
					gonglue(){
						uni.switchTab({
							url:"/pages/gonglue/gonglue"
						})
					},
					cantuan(){
						getApp().globalData.tejia = 1
						uni.switchTab({
								url: '/pages/list/list'
						})
					},
					changeRegion(index){
						this.select_address_index=index
					},
					scroll(event){
						console.log(event)
					},
					scrolltolower(event){
						this.left=0
						console.log(event)
					},
					goAddress() {
						console.log(this.address)
						uni.navigateTo({
							url: '/pages/index/address?address=' + this.address
						})
					},
					changeItem(type) {
						this.type = type
					},
					getRegions() {
						this.$api.getRegions({}).then(res => {

							this.region = res.data
						})
					},
					getNewWorkshop() {
						if (this.more == 'noMore') {
							return
						}
						this.more = "loading"
						this.$api.getFactorys({
							type: 0,
							page: this.new_page,
							'regions':this.address_id,

						}).then(res => {
							this.new_workshop = this.new_workshop.concat(res.data);
							this.new_page = this.new_page + 1
							if (!res.links.next) {
								this.more = 'noMore'
							} else {
								this.more = "more"
							}

						})
					},
					getErshouWorkshop() {
						if (this.ershou_more == 'noMore') {
							return
						}
						this.ershou_more = "loading"
						this.$api.getFactorys({
							type: 1,
							page: this.ershou_page,
								'regions':this.address_id,
						}).then(res => {
							this.ershou_workshop = this.ershou_workshop.concat(res.data);
							this.ershou_page = this.ershou_page + 1
							if (!res.links.next) {
								this.ershou_more = 'noMore'
							} else {
								this.ershou_more = "more"
							}

						})
					},
					selectRegion(value) {
						console.log(value)
						let index = this.region.findIndex((item) => {
							console.log('item', item)
							return item.value === value
						})
						console.log('index', index)
						if (index != -1) {
							this.show = false
							this.address = this.region[index].name
							this.address_id = this.region[index].id
							uni.setStorageSync('address', this.region[index].name)
							uni.setStorageSync('address_id', value)
							this.$api.index({region_id:value}).then(res=>{
								this.hangqing=res.data
							})
						}
					},
					selectRegions(){
							this.show = false
						this.address = this.region[this.select_address_index].name
						this.address_id = this.region[this.select_address_index].value
						console.log(this.region[this.select_address_index])
						uni.setStorageSync('address', this.region[this.select_address_index].name)
						uni.setStorageSync('address_id', this.region[this.select_address_index].value)
						this.$api.index({region_id:this.region[this.select_address_index].value}).then(res=>{
							this.hangqing=res.data
						})
						this.downCallback()
					},
					Onshow() {
						this.show = true
					},
					closeRegion() {
						this.show = false
					},
					change(e) {
						this.current = e.detail.current;
					},
					search(e) {
						console.log(e)
						getApp().globalData.search_key = e.detail.value

						uni.switchTab({
							url: '/pages/list/list',

						})
					},
					/*下拉刷新的回调, 有三种处理方式:*/
					downCallback() {
						console.log(1111)
						this.ershou_more = 'more'
						this.new_workshop = []
						this.ershou_workshop = []
						this.new_page = 1
						this.more = "more"
						this.ershou_page = 1
						this.getNewWorkshop()
						this.getErshouWorkshop()

						this.mescroll.endSuccess()
						// 第2种: 下拉刷新和上拉加载调同样的接口, 那么不用第1种方式, 直接mescroll.resetUpScroll()即可
						//		this.mescroll.endSuccess();// 重置列表为第一页 (自动执行 page.num=1, 再触发upCallback方法 )
						// 第3种: 下拉刷新什么也不处理, 可直接调用或者延时一会调用 mescroll.endSuccess() 结束即可
						//	this.mescroll.endSuccess()
						// 若整个downCallback方法仅调用this.mescroll.resetUpScroll(),则downCallback方法可删 (mixins已默认,大部分都是此情况)
					},

					tejia() {
						getApp().globalData.tejia = 1
						uni.switchTab({
							url: '/pages/list/list',
							success: () => {

							}
						})
					},

					/*上拉加载的回调*/
					upCallback(page) {
						/* 	let pageNum = page.num; // 页码, 默认从1开始
							let pageSize = page.size; // 页长, 默认每页10条

							console.log(1111) */
						let curPageLen = 4
						let totalPage = 500
						this.mescroll.endBySize(curPageLen, totalPage);

						setTimeout(() => {
							this.mescroll.endBySize(curPageLen, totalPage);
						}, 3000)
						/*	uni.request({
								url: 'xxxx?pageNum=' + pageNum + '&pageSize=' + pageSize,
								success: (data) => {
									// 接口返回的当前页数据列表 (数组)
									let curPageData = data.xxx;
									// 接口返回的当前页数据长度 (如列表有26个数据,当前页返回8个,则curPageLen=8)
									let curPageLen = curPageData.length;
									// 接口返回的总页数 (如列表有26个数据,每页10条,共3页; 则totalPage=3)
									let totalPage = data.xxx;
									// 接口返回的总数据量(如列表有26个数据,每页10条,共3页; 则totalSize=26)
									let totalSize = data.xxx;
									// 接口返回的是否有下一页 (true/false)
									let hasNext = data.xxx;

									//设置列表数据
									if (page.num == 1) this.dataList = []; //如果是第一页需手动置空列表
									this.dataList = this.dataList.concat(curPageData); //追加新数据

									// 请求成功,隐藏加载状态
									//方法一(推荐): 后台接口有返回列表的总页数 totalPage
									this.mescroll.endByPage(curPageLen, totalPage);

									//方法二(推荐): 后台接口有返回列表的总数据量 totalSize
									//this.mescroll.endBySize(curPageLen, totalSize);

									//方法三(推荐): 您有其他方式知道是否有下一页 hasNext
									//this.mescroll.endSuccess(curPageLen, hasNext);

									//方法四 (不推荐),会存在一个小问题:比如列表共有20条数据,每页加载10条,共2页.
									//如果只根据当前页的数据个数判断,则需翻到第三页才会知道无更多数据
									//如果传了hasNext,则翻到第二页即可显示无更多数据.
									//this.mescroll.endSuccess(curPageLen);

									// 如果数据较复杂,可等到渲染完成之后再隐藏下拉加载状态: 如
									// 建议使用setTimeout,因为this.$nextTick某些情况某些机型不触发
									setTimeout(() => {
										this.mescroll.endSuccess(curPageLen)
									}, 20)

									//curPageLen必传的原因:
									1. 使配置的noMoreSize 和 empty生效
									2. 判断是否有下一页的首要依据:
										当传的值小于page.size时(说明不满页了), 则一定会认为无更多数据;
									比传入的totalPage, totalSize, hasNext具有更高的判断优先级;
									3. 当传的值等于page.size时(满页), 才取totalPage, totalSize, hasNext判断是否有下一页
									传totalPage, totalSize, hasNext目的是避免方法四描述的小问题

									// 提示: 您无需额外维护页码和判断显示空布局,mescroll已自动处理好.
									// 当您发现结果和预期不一样时, 建议再认真检查以上参数是否传正确
								},
								fail: () => {
									//  请求失败,隐藏加载状态
									this.mescroll.endErr()
								}
							})*/
					}

				}
		}
</script>
<style  >
	page{
		background-color:rgba(255,255,255,0.6);

	}
</style>
<style scoped lang="scss">
	.dituzhaochang{

		font-size: 30rpx;
		font-family: SourceHanSansCN;
		font-weight: bold;
		color: #2B2B2B;
	}
	.bikantitle{
		width: 148rpx;
		height: 55rpx;
	}
	.sheng{
		width: 42rpx;
		height: 42rpx;

		border-radius: 50%;
		font-size: 25rpx;
		font-family: SourceHanSansCN;
		font-weight: 500;
		color: #6D3A0C;
		line-height: 28rpx;
		position: absolute;
		z-index: 1;
		top: -15rpx;
		right: 20rpx;
	}
	.mamamma{
		display: flex;
		justify-content: flex-start;
		align-items: center;

		.chengjiao1{
			font-size:20rpx;
			font-family:SourceHanSansCN;
			font-weight:400;
			margin-right: 20rpx;
			color:rgba(154,155,160,1);

		}
		.chengjiaomi{
		font-size:24rpx;
		font-family:SourceHanSansCN;
		font-weight:bold;
		color:rgba(218,51,55,1);
		}
	}
	.hangqing-shuxian{
		width:2rpx;
		height:48rpx;
		background:rgba(229,229,229,1);
	}
	.hangqing{
		margin-top: 20rpx;
		height: 152rpx;
		width: 100%;
		background: url(https://pic.fhshidai.com/fileUQ9NiYSbMPfi6ZO956Hrj1lr8Qejvfpsez1IjA6e.png) no-repeat;
		background-size: 100% 250rpx;
		display: flex;
		padding-top: 40rpx;
		padding-left: 40rpx;
		padding-bottom: 20rpx;
		justify-content: space-between;
		align-items: center;
		.second{
			padding-left: 30rpx;
		}
		.third{
			padding-left: 30rpx;
		}
		.sanjiaoxing{
			margin-left: 9rpx;
		display: inline-block;
			             width:0rpx;
			             height:0rpx;
			             border:10rpx solid transparent;
			             border-bottom:17rpx solid red;

		}
		.hangqing-item{
			width: 33.33%;
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			.top{
				font-size:24rpx;
				font-family:SourceHanSansCN;
				font-weight:500;
				color:rgba(50,50,50,1);
			}
			.bottom{
				font-size:32rpx;
				font-family:SourceHanSansCN;
				font-weight:bold;
				color:rgba(50,50,50,1);
				span{
					font-size:24rpx;
					font-family:SourceHanSansCN;
					font-weight:500;
					color:rgba(50,50,50,1);
				}
			}
		}
	}
	.qunidaye{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	.qunidaye-item1{
				margin-top: 40rpx;
		width: 138.6rpx;
		height:90rpx ;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		.ditu{
			width:29rpx;
			height:38rpx;
		}
	.iconershou{
	width:37rpx;
	height:39rpx;
	}
	.kaipan{
		width:37rpx;
		height:39rpx;
	}
	.chengshi{
		width:42rpx;
		height:38rpx;
	}
	.zixun{
		width:34rpx;
		height:38rpx;
		}
		.icon{
			width:88rpx;
			height:88rpx;
		}
		text{
			font-size:24rpx;
			font-family:SourceHanSansCN;
			font-weight:400;
			color:rgba(49,49,49,1);
		}
	}

		.qunidaye-item{
			margin-top: 45rpx;
			width: 25%;
			height:138rpx ;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;
			position: relative;
			.ditu{
				width:29rpx;
				height:38rpx;
			}
		.iconershou{
		width:37rpx;
		height:39rpx;
		}
		.kaipan{
			width:37rpx;
			height:39rpx;
		}
		.chengshi{
			width:42rpx;
			height:38rpx;
		}
		.zixun{
			width:34rpx;
			height:38rpx;
			}
			.icon{
				width:93rpx;
				height:93rpx;
			}
			text{
				font-size:24rpx;
				font-family:SourceHanSansCN;
				font-weight:400;
				color:rgba(49,49,49,1);
			}
		}
	}
	.kongge {
		width: 200rpx;
	}
	.icon-size1 {
		font-size: 22rpx;
		color:#DA3337;
		line-height: 42rpx;

	}
	.post{
		margin-top: 46rpx;
		height:232rpx;

		background-size: 100% 232rpx;
		border-radius:10rpx;
		.dddd{
			width:120rpx;
			height:42rpx;
			background:rgba(218,51,55,1);
			border-radius:4rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #FFFFFF;
			font-size:22rpx;
			font-family:SourceHanSansCN;
			font-weight:bold;
			margin-left: 26rpx;
		}
		.post-title1{
			font-size:36rpx;
			font-family:SourceHanSansCN;
			font-weight:bold;
			margin-top: 20rpx;
			margin-left: 35rpx;
			color:rgba(255,255,255,1);
			line-height:46rpx;
			text-shadow:0px 2rpx 6rpx rgba(0, 0, 0, 1);
		}
		.post-title{
			font-size:36rpx;
			font-family:SourceHanSansCN;
			font-weight:bold;

			margin-left: 35rpx;
			color:rgba(255,255,255,1);
			line-height:46rpx;
			text-shadow:0px 2rpx 6rpx rgba(0, 0, 0, 1);
		}

	}
	.bikan{

		font-size:40rpx;
		font-family:SourceHanSansCN;
		font-weight:bold;
		margin-bottom: 24rpx;
			margin-top: 44rpx;
		color:rgba(49,49,49,1);
	}
.cateme{

	height:154rpx;
	display: flex;
	justify-content: space-between;


	.cateme-item{

		width:330rpx;
		height:160rpx;

		image{
			width:330rpx;
			height:160rpx;
		}
	}

}
	.sodu{
		display: flex;
		justify-content: space-between;


	}
	.search{
	width: 680px;
		height:77rpx;
		background:rgba(255,255,255,1);
		box-shadow:0rpx 0rpx 8rpx 0rpx rgba(0, 0, 0, 0.1);
		border-radius:39rpx;
		display: flex;

		align-items: center;
		padding-left: 30rpx;
		.sousuo{
			font-size: 27rpx;
			color:rgba(49,49,49,1);
		}
		.input-search{
			margin-left: 20rpx;
			width: 500rpx;
			border-right: 2rpx solid #F2F3F9;
		}

	}
	.queren{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 118rpx;
		font-size: 24rpx;
		font-family: SourceHanSansCN;
		font-weight: bold;

	}
	.input-calss{
		color:rgba(198,198,198,1);
		font-size:24rpx;
		font-family:SourceHanSansCN;
		font-weight:400;
	}
	.hahahahah{
		display: flex;
		align-items: center;
		justify-content: space-between;

		padding-left:17rpx ;
		padding-right:17rpx ;
		margin-top: 20rpx;

		height: 42rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0, 0, 0, 0.1);
		border-radius:39rpx;
		font-size:23rpx;

		text{

		}
	}
	.shuge{
		height:10rpx;
	}
	//#ifdef H5
	.ruzhu {
		width: 100%;
		height: 120rpx;
		bottom: 110rpx;
		z-index: 11;
		text-align: center;
		display: flex;
		justify-content: center;
		position: fixed;


		image {
			width: 350rpx;
			height: 120rpx;
		}
	}



	//#endif
	.swiper{
		width:690rpx;
		height:190rpx;
		.item{
			width:690rpx;
			height:190rpx;
		}
	}
	.haha{
		position: relative;
		margin-top: 40rpx;
		.dot{
			position: absolute;
			bottom: 23rpx;
			width: 100%;
			display: flex;
			justify-content: center;
			.yuandian{
				width:14rpx;
				height:14rpx;
				background:#959595;
				border-radius:50%;
				margin-left: 7rpx;
			}
			.fangxing{
					width:14rpx;
				height:14rpx;
				background:rgba(255,255,255,1);
				border-radius:7rpx;
				margin-left: 7rpx;
			}
		}
	}
	//#ifndef H5
	.ruzhu {
		width: 100%;
		height: 120rpx;
		bottom: 10rpx;

		z-index: 11;
		text-align: center;
		display: flex;
		justify-content: center;
		position: fixed;

		image {
			width: 350rpx;
			height: 120rpx;
		}
	}



	//#endif
		.newchengjiao{

				white-space: nowrap;
			.title{
				font-size:40rpx;
				font-family:SourceHanSansCN;
				font-weight:bold;
				color:rgba(0,0,0,1);
				line-height:120rpx;
			}
			.group{


				height: 360rpx;
				.item{
					background: #FFFFFF;
					display: inline-block;
					border-radius:10rpx;
					height: 410rpx;
					width:320rpx ;
					margin-right: 25rpx;

					.image{
						height:233rpx;
						width:320rpx;
					}
					.title{
						font-size:28rpx;
						font-family:SourceHanSansCN;
						font-weight:400;
						color:rgba(0,0,0,1);

						padding-right: 25rpx;
						line-height:28rpx;
					}
					.chengjiao{
						padding-left: 30rpx;
						padding-right: 25rpx;
						height:40rpx;
						margin-top: 20rpx;
						font-size:24rpx;
						font-family:SourceHanSansCN;
						font-weight:400;
						color:rgba(154,155,160,1);
						line-height: 40rpx;
					}
					.price{
						margin-top: 17rpx;
						padding-left: 30rpx;
						padding-right: 25rpx;
						display: flex;
						align-items: center;
						justify-content: space-between;
						line-height: 40rpx;
						.left{
							width: 140rpx;
							display: flex;
							justify-content: space-between;
							align-items: center;
							font-size:30rpx;
							font-family:SourceHanSansCN;
							font-weight:bold;
							color:rgba(218,51,55,1);
							.yuan{
									width:27rpx;
									height:28rpx;
									background:rgba(218,51,55,1);
									border-radius:50%;
									display: flex;
									justify-content: center;
									align-items: center;

									image{
										width: 16rpx;
										height: 14rpx;

									}
							}
						}
						.right{
							font-size:20rpx;
							font-family:SourceHanSansCN;
							font-weight:400;
							color:rgba(154,155,160,1);
						}
					}
				}
			}

		}

		.navigationBar {
			border-bottom: 2rpx solid #F5F5F5;
			padding-top: 50rpx;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			height: 180rpx;
			position: fixed;
			top: 0rpx;
			padding-left: 36rpx;
			width: 100%;
			z-index: 100;
			background-color: #CA0000;
			.icon-size {
				font-size: 31rpx;
				color: #9A9BA0;
				width: 33.33%;
				text {
					font-size: 30rpx;
					font-weight: 500;
				}
			}
			.icon-user-size {
				font-size: 34rpx;
				color: #9A9BA0;
			}

			.changfangdi {
				width: 157rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				margin-right: 27rpx;
				image {
				width: 157rpx;
				height: 58rpx;
				}
			}

		}
	.container {

		padding-left: 30rpx;
		padding-right: 30rpx;
		margin-top: 200rpx;
				background: #FFFFFF;
		.container-item{



		.banner {
			margin-top: 20rpx;
			width: 690rpx;
			height: 664rpx;
		}

		.kongge {
			width: 20rpx;
		}

		.anniu {
			display: flex;
			margin-top: 37rpx;
			justify-content: space-between;

			.item {
				height: 242rpx;
				width: 223rpx;
			}


		}

		.bangwo {
			margin-top: 39rpx;
			height: 240rpx;
			width: 690rpx;
		}

		.tuijian {
			position: relative;
			margin-top: 44rpx;
			display: flex;
			justify-content: space-between;

			.left {
				font-size: 40rpx;
				color: #000000;
				font-weight: bold;
				line-height: 40rpx;

			}

			.right {
				width: 229rpx;
				display: flex;
				height: 48rpx;
				justify-content: space-between;

				.title {
					color: #494949;
					font-size: 26rpx;
					font-weight: bold;
					line-height: 120rpx;
				}

				.shuxian {
					width: 2rpx;
					height: 24rpx;
					background-color: #F3F3F3;
				}

				view {
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					align-items: center;
				}

				.current {
					color: #A20000;
				}

				.avtive {
					width: 93rpx;
					height: 4rpx;
					background-color: #A20000;
				}

			}
		}

	}
	}
	.modal{
	    position:fixed;
	    top:30%;
		text-align: center;
		display: flex;
		width: 100%;
		justify-content: center;

		align-items: center;
	    z-Index:9999;
	}
	.cover{
	    position:absolute;left:0px;top:0px;
	    background:rgba(0, 0, 0, 0.6);
	    width:100%;  /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
	    height:100%;
	    z-Index:999;
	}
	.tanchuang{
		background: url(https://pic.fhshidai.com/filefYNjqMPQcoLyHPXrgvDLnZmUeqPG2eNtrKviPd2N.png) no-repeat;
		width: 598rpx;
		height: 630rpx;
		position: relative;
		background-size: 598rpx 667rpx ;
		display: flex;
		justify-content: center;
		border-radius: 10rpx;
		.close{
			position: absolute;
			background: #C1C9C9;
			width: 58rpx;
			height: 58rpx;
			border-radius: 50%;
			right: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 58rpx;
		}

		.tanchuang-content{
			width: 550rpx;
			margin-left: -7rpx;
			margin-top: 240rpx;


			display: flex;
			flex-direction: column;
			align-items: flex-start;
			background: #FFFFFF;
			.tanchuang-title{
				line-height: 110rpx;
				font-size:26rpx;
				font-family:SourceHanSansCN;
				font-weight:400;
				color:rgba(0,0,0,1);
					padding-left:36rpx ;
			}
			.chakan{
				width: 550rpx;
				height:85rpx;
				background:rgba(243,243,243,1);
				border-radius:10rpx;
				display: flex;
				margin-bottom: 0rpx;
				justify-content: center;
				align-items: center;
				font-size:26rpx;
				font-family:SourceHanSansCN;
				font-weight:500;
				color:rgba(224,57,61,1);
			}
			.tanchuang-group{
					padding-left:36rpx ;
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				justify-content:flex-start;
				.tanchuang-item{
					position: relative;
					width: 146rpx;
					height: 70rpx;
					margin-bottom:26rpx ;
					margin-right:20rpx ;
					background::rgba(224,57,61,1) ;
					border-radius: 35rpx;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size:26rpx;
					font-family:SourceHanSansCN;
					font-weight:500;
					background:rgba(243,243,243,1);
					.is_hot{
						position: absolute;
						top: -11rpx;
						right: 0rpx;
						width:29rpx;
						height:37rpx;
						image{
							width:29rpx;
							height:37rpx;
						}
					}
				}

				.active{
						background:rgba(224,57,61,1);
						color: #FFFFFF;
				}
			}
		}
	}
	.changfang {
	padding-left: 26rpx;
	padding-right: 26rpx;

	}
</style>
